<template>
    <!-- 统计和清空 -->
    <footer class="footer">
      <!-- 统计 -->
      <span class="todo-count">合 计:<strong>{{list.length}}</strong></span>
      <!-- 清空 -->
      <button @click="clear" class="clear-completed">
        清空任务
      </button>
    </footer>
    
    </template>
    <script>
    export default {
      props: {
        list: Array
        },
        methods: {
          clear(){this.$emit('clear')}
        }
    }
    </script>
    
    <style>
    
    </style>